<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">

    <title>违法学习</title>
    <link rel="stylesheet" href="http://res.wx.qq.com/open/libs/weui/1.0.2/weui.min.css"/>

    <style>

        .page {
            background-color: #F8F8F8;
        }

        .page__hd {
            padding: 0;
        }

        .hide {
            display: none;
        }

    </style>

</head>
<body>
<div class="container">
    <div class="page">
        <div class="page__hd">
        </div>
        <div class="page__bd">
            <div class="weui-panel weui-panel_access">
                <div class="weui-panel__hd">违法教育历史记录</div>
                <div class="weui-panel__bd">
                    <?php foreach ($history as $item): ?>
                        <a href="http://api.map.baidu.com/staticimage?width=500&height=800&center=<?= $item["lng"] ?>,<?= $item["lat"] ?>&zoom=19&markers=<?= $item["lng"] ?>,<?= $item["lat"] ?>&markerStyles=l"
                           class="weui-media-box weui-media-box_appmsg">
                            <div class="weui-media-box__hd">
                                <img class="weui-media-box__thumb"
                                     src="http://api.map.baidu.com/staticimage?width=120&height=120&center=<?= $item["lng"] ?>,<?= $item["lat"] ?>&zoom=18&markers=<?= $item["lng"] ?>,<?= $item["lat"] ?>&markerStyles=l">

                            </div>
                            <div class="weui-media-box__bd">
                                <h4 class="weui-media-box__title"><?= $item['ts'] ?></h4>
                                <p class="weui-media-box__desc"><?= $item['violation_code'] ?> <?= $item['violation_desc'] ?></p>
                                <p class="weui-media-box__desc">处理警员：<?= $item['dept'] ?> <?= $item['name'] ?></p>
                            </div>
                        </a>
                    <?php endforeach; ?>

                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>